<script language="javascript">
	var del_link		= "{$del_link}";
	var item_url		= "{$item_info.item_url}";
	var item_price		= "{$item_info.price} {$currency_id}";
	var item_name		= "{$item_info.name}";
	var item_id  		= "{$item_info.id}";
								
	AC_FL_RunContent 	= 0;
	DetectFlashVer 		= 0;
	var img_path		= '{$images_url_root}';
	var json_item       = {$json_item};
</script>


<div id="product_detail">
 	{if $first_img}
         <div id="pd_img_box">
             <a onclick="javascript:void(0);return false;"  class="img_thumb" href="{$first_img.max_path}" lang="{$first_img.img_full_url}" num_img="{$first_img.i}" id="eb_thumb_{$first_img.i}"  ref="{$first_img.img_url}">
                <img  src="{$first_img.thumb316}" width="316" alt="{$first_img.title|default:'Xem ảnh gốc'}" onMouseOut="hidetip();" onMouseOver = "showtip('{$first_img.title|default:'Xem ảnh gốc'}',150);" class="tooltipImages lazyload" >
            </a>
         </div>
    {else}
        <div id="pd_img_box" style="background:url(style/images/no-images-35x35.gif) no-repeat center">
            <img src="style/images201005/space.gif" width="316" height="316"/>
        </div>
    {/if}

	<div id="pd_info_box">
    	<div id="product_name" title="{$item_info.name}"><h1>{$item_info.name}</h1></div>
        
        <div class="m5 mb15">
        	<span class="price" title="Giá bán">{$item_info.price} {$currency_id}</span>
            {if $item_info.price_out}
                <span style="font-size:18px">( <span class="price_out" title="Giá thị trường">{$item_info.price_out} {$currency_id}</span> )</span>
            {/if}
        </div>
                      
        <div class="m5">
              <strong>Mã sản phẩm:</strong> {$item_info.sku} <span class="ml20 mr20"><strong>Cập nhật:</strong> {$item_info.modify_time}</span> <span class="ml20 mr20"><strong>Đã xem:</strong> {$item_info.read_count}</span> {if $is_admin} <br />(<strong>Tạo:</strong> {$item_info.created_time}) {/if}
             
             <div class="m5">
                {if $edit_link}
                    <div class="fl ml5"> [ <a class="edit" {if $item_info.status!=4 || $is_admin}href="{$edit_link}"{else}href="javascript:void(0)"{/if}>Sửa</a> ] </div>
                {/if}
                
                {if $del_link}<div class="fl ml5 mr5">{$del_link_item}</div>{/if}	
                
                {if $is_admin}	
                    {if $item_info.status==1}
                        <div id="invalid_admin" class="fl ml5">
                        [ <a href="javascript:void(0)" id="is_invalid"  onclick="fn_click_is_invalid()" title="Ẩn sản phẩm này!">Ẩn sản phẩm</a> ]
                        </div>
                        {*
                         <div class="fl ml5">
                            [ <a href="javascript:void(0)" onclick="select_cat_product_hot({$item_info.id});"><img src="style/images/admin/check.gif" alt="Thêm vào product hot" title="Thêm vào product hot" align="absmiddle" border="0">Thêm vào product hot</a>
                            <div align="left" style="display:none; position:absolute; padding:5px; border:1px solid #000; background-color:#fff" id="box_cat_product_hot{$item_info.id}"></div> ]
                          </div>
                        *}
                     {elseif $item_info.status==2}
                        <div id="valid_admin" class="fl ml5">
                        [ <a href="javascript:void(0)" id="is_valid" onclick="fn_click_is_valid()" title="Hiển thị sản phẩm">Hiển thị</a> ]
                        </div>
                    {elseif $item_info.status==-1}
                        <div id="valid_admin" class="fl ml5">
                            [ <a href="javascript:void(0)" id="is_valid" onclick="fn_click_is_valid()" title="Khôi phục sản phẩm">Khôi phục</a> ]
                        </div>
                    {/if}
                    <div class="c"></div>
                {/if}
            </div>
        </div>
        
        <div class="m5">
        	<b>Đánh giá:</b>
            <div id="main_rating">
                  {$ranking}
            </div>
        </div>
        
        {if $item_info.list_brief}
            <div id="product_list_brief">
                  {$item_info.list_brief}
            </div>
        {/if}
        {if $item_info.offer}
        <div id="product_offer">
            <div id="product_offer_title">{$item_info.offer_title|default:'Thông tin khuyến mại'}</div>
            <div id="product_offer_content">{$item_info.offer}</div>
        </div>
        {/if}
    </div>
	<div class="c"></div>
    
	<div id="pd_img_list">
        {foreach item=item_image from=$item_images name=item_image}
            {if !$smarty.foreach.item_image.first}
            	{if $smarty.foreach.item_image.iteration > 2}
                	<span></span>
                {/if}
            	<a onclick="javascript:void(0);return false;" class="img_thumb" href="{$item_image.max_path}" lang="{$item_image.img_full_url}" num_img="{$item_image.i}" ref="{$item_image.img_url}" id="eb_thumb_{$item_image.i}" onMouseOut="hidetip();" onMouseOver = "showtip('{$item_image.title|default:'Xem ảnh gốc'}',150);">
                    <img src="{$item_image.thumb80_80}"  width="80" height="80"  border="0" class="lazyload"/>
                </a>
            {/if}
        {/foreach}
        <div class="c"></div>
    </div>    
	<div class="c"></div>
	{$msg}
    
    {if $have_permit}
        <div style="border:1px solid #f00" align="center" class="msg_alert {if !$show_error}hide{/if} p10 mb10">
            <center style="margin: 10px;"><b><font color="red">THÔNG BÁO</font></b></center>
            <div style="padding: 5px; margin-bottom: 10px;margin-left: 10px;" align="left">
            <center><font color="red">Sản phẩm đang bị ẩn {$modify_by}!</font></center>
            </div>
        </div>
    {/if}
    
    
	<div id="product_description">
    	<div id="product_des_top">
        	<div class="des_tab active" onclick="show_tab(1);" id="header_tab_1">
            	<div class="des_tab_r">
                    <div class="des_tab_c">
                    	Mô tả sản phẩm
                    </div>
            	</div>
            </div>
            <div class="des_tab" onclick="show_tab(2);" id="header_tab_2">
            	<div class="des_tab_r">
                    <div class="des_tab_c">
                    	Thông số kỹ thuật
                    </div>
            	</div>
            </div>
            <div class="des_tab" onclick="show_tab(3);" id="header_tab_3">
            	<div class="des_tab_r">
                    <div class="des_tab_c">
                    	Đánh giá sản phẩm
                    </div>
            	</div>
            </div>
            <div class="c"></div>
        </div>
        <div id="tab1" class="tab_content">
            <div class="product_content">
                <h1>{$item_info.brief}</h1>  
            </div>
        	<div class="product_content_botom"></div>
            <div class="c"></div>
        </div>
        
        <div id="tab2" class="hide tab_content">
            <div class="product_content">     
                <h1>{$item_info.description}</h1>
            </div>
            <div class="product_content_botom"></div>
            <div class="c"></div>
         </div>
         <div id="tab3" class="hide tab_content">
            <div class="product_content">     
                <h1>
                	<center>
                	{if $is_login}
                    MỜI BẠN ĐÁNH GIÁ CHO SẢN PHẨM NÀY{else}MỜI BẠN ĐĂNG NHẬP ĐỂ ĐÁNH GIÁ SẢN PHẨM
                    {/if}
                    
                    <p>
                    <center>
                    <div align="left" style="width:250px;">
                    {if $block_f_rank}
                  <span id="div_f_rank" >
                      <strong>Tính năng: {$f_rank} - {$f_rate_num} lượt đánh giá</strong>
                        <ul class="star-rating">		
                            <li class="current-rating" id="f_rank" style="width:{$f_rank_}0%;"></li>
                            <li><a name="#" onclick="Rate(1,'f_rank'); return false;" class="one-star"></a></li>
                            <li><a name="#" onclick="Rate(2,'f_rank'); return false;" class="two-stars"></a></li>
                            <li><a name="#" onclick="Rate(3,'f_rank'); return false;" class="three-stars"></a></li>
                            <li><a name="#" onclick="Rate(4,'f_rank'); return false;" class="four-stars"></a></li>
                            <li><a name="#" onclick="Rate(5,'f_rank'); return false;" class="five-stars"></a></li>
                            <li><a name="#" onclick="Rate(6,'f_rank'); return false;" class="six-stars"></a></li>
                            <li><a name="#" onclick="Rate(7,'f_rank'); return false;" class="seven-stars"></a></li>
                            <li><a name="#" onclick="Rate(8,'f_rank'); return false;" class="eight-stars"></a></li>
                            <li><a name="#" onclick="Rate(9,'f_rank'); return false;" class="nine-stars"></a></li>
                            <li><a name="#" onclick="Rate(10,'f_rank'); return false;" class="ten-stars"></a></li>
                        </ul> 
                    </span>
                    {/if}
                    {if $block_d_rank}
                    <span id="div_d_rank" >
                    <strong>Kiểu dáng: {$d_rank} - {$d_rate_num} lượt đánh giá</strong>
                        <ul class="star-rating">		
                            <li class="current-rating" id="d_rank"  style="width:{$d_rank_}0%;"></li>
                            <li><a name="#" onclick="Rate(1,'d_rank'); return false;" class="one-star"></a></li>
                            <li><a name="#" onclick="Rate(2,'d_rank'); return false;" class="two-stars"></a></li>
                            <li><a name="#" onclick="Rate(3,'d_rank'); return false;" class="three-stars"></a></li>
                            <li><a name="#" onclick="Rate(4,'d_rank'); return false;" class="four-stars"></a></li>
                            <li><a name="#" onclick="Rate(5,'d_rank'); return false;" class="five-stars"></a></li>
                            <li><a name="#" onclick="Rate(6,'d_rank'); return false;" class="six-stars"></a></li>
                            <li><a name="#" onclick="Rate(7,'d_rank'); return false;" class="seven-stars"></a></li>
                            <li><a name="#" onclick="Rate(8,'d_rank'); return false;" class="eight-stars"></a></li>
                            <li><a name="#" onclick="Rate(9,'d_rank'); return false;" class="nine-stars"></a></li>
                            <li><a name="#" onclick="Rate(10,'d_rank'); return false;" class="ten-stars"></a></li>
                        </ul> 
                    </span>
                    {/if}
                    {if $block_u_rank}
                 <span id="div_u_rank" >
                     <strong>Tiện dụng: {$u_rank} - {$u_rate_num} lượt đánh giá</strong>
                        <ul class="star-rating">		
                            <li class="current-rating" id="u_rank"  style="width:{$u_rank_}0%;"></li>
                            <li><a name="#" onclick="Rate(1,'u_rank'); return false;" class="one-star"></a></li>
                            <li><a name="#" onclick="Rate(2,'u_rank'); return false;" class="two-stars"></a></li>
                            <li><a name="#" onclick="Rate(3,'u_rank'); return false;" class="three-stars"></a></li>
                            <li><a name="#" onclick="Rate(4,'u_rank'); return false;" class="four-stars"></a></li>
                            <li><a name="#" onclick="Rate(5,'u_rank'); return false;" class="five-stars"></a></li>
                            <li><a name="#" onclick="Rate(6,'u_rank'); return false;" class="six-stars"></a></li>
                            <li><a name="#" onclick="Rate(7,'u_rank'); return false;" class="seven-stars"></a></li>
                            <li><a name="#" onclick="Rate(8,'u_rank'); return false;" class="eight-stars"></a></li>
                            <li><a name="#" onclick="Rate(9,'u_rank'); return false;" class="nine-stars"></a></li>
                            <li><a name="#" onclick="Rate(10,'u_rank'); return false;" class="ten-stars"></a></li>
                        </ul> 
                    </span>
                    {/if}
                    </div>
                    </center>
                  </p>
                  
                  </center>
                </h1>
            </div>
            <div class="product_content_botom"></div>
            <div class="c"></div>
         </div>
    </div>
    
     {*if $seReferer_query}
    <div style="background:#E9E9E9;padding:10px 20px">
        <div style="padding-bottom:16px;color:#0C3DAA;font-weight:bold;font-size:14px;">
            Bạn muốn tìm "<a href="search?keywords={$seReferer_query}" style="cursor:pointer"><i>{$seReferer_query}</i></a>"?
        </div>

    </div>
    {/if*}
</div>


<script>
    {literal}
        function formatNumber (num, decplaces)  {
            if (!isNaN(num)) {
                var str = "" + Math.round (eval(num) * Math.pow(10,decplaces));
                if (str.indexOf("e") != -1) {return "Out of Range";}
                while (str.length <= decplaces) {
                    str = "0" + str;
                }
                var decpoint = str.length - decplaces;
                return str.substring(0,decpoint) + "." + str.substring(decpoint,str.length);
            } 
            else {return "NaN";
            }
        }
	 {/literal}
        var rank={$_rank};
        var rate_num={$rate_num};
        var f_rank={$_f_rank};
        var d_rank={$_d_rank};
        var u_rank={$_u_rank};
        var f_rate_num={$f_rate_num};
        var d_rate_num={$d_rate_num};
        var u_rate_num={$u_rate_num};
     {literal}    
        function Rate(stars,type){
            {/literal}
			{if !$login}
				alert("Bạn phải đăng nhập mới có thể đánh giá cho sản phẩm này!");
			{else}
			{literal}
    			if(!confirm('Bạn có muốn đánh giá '+stars+' sao cho sản phẩm này không ?'))
                	return false;	
				
				 document.getElementById(type).style.width = stars+"0%";	
				
				if(type=='f_rank')
				{
					type=0;
					f_rank=(f_rank*f_rate_num+stars)/(f_rate_num+1);
					f_rate_num++;
					rank=(rank*rate_num+stars)/(rate_num+1);
					rate_num++;
					document.getElementById("div_f_rank").innerHTML='<b>Tính năng: '+formatNumber(f_rank,1)+'/10 - '+f_rate_num+' lượt đánh giá</b></br><img src="images/star'+Math.round(f_rank)+'.png" /><br />';
				}
				else if(type=='d_rank')
				{
					type=1;
					d_rank=(d_rank*d_rate_num+stars)/(d_rate_num+1);
					d_rate_num++;
					rank=(rank*rate_num+stars)/(rate_num+1);
					rate_num++;
					document.getElementById("div_d_rank").innerHTML='<b>Kiểu dáng: '+formatNumber(d_rank,1)+'/10 - '+d_rate_num+' lượt đánh giá</b></br><img src="images/star'+Math.round(d_rank)+'.png" /><br />';
				}
				else
				{
					type=2;
					u_rank=(u_rank*u_rate_num+stars)/(u_rate_num+1);
					u_rate_num++;
					rank=(rank*rate_num+stars)/(rate_num+1);
					rate_num++;
					document.getElementById("div_u_rank").innerHTML='<b>Tiện dụng: '+formatNumber(u_rank,1)+'/10 - '+u_rate_num+' lượt đánh giá</b></br><img src="images/star'+Math.round(u_rank)+'.png" /><br />';
				}
				
				jQuery.post(WEB_DIR+"ajax.php?act=item&code=rate", 
							{		
								id: {/literal}{$item_info.id}{literal},num_stars:stars,type:type
							},
							function(msg){			
								if(msg == 'no_perm')
								{			
									log_faile('Bạn không có quyền thực hiện chức năng này');
									return false;
								}			
								if(msg == 'not_login')
								{			
									log_faile('Bạn chưa đăng nhập!');
									return false;
								}			
								else if(msg=='')//success
								{
									log_success('Đánh giá thành công<br />Cảm ơn bạn đã cho đánh giá sản phẩm này!');
									
									var main_html='';
									//document.getElementById("main_rating").innerHTML='<img src="images/star'+rank+'.png" 
									main_html='<img src="images/star'+Math.round(rank)+'.png" ';
									
									main_html+= 'onmouseover="showtip(\'<div style=\\\'padding:4px;background-color:#FFFFFF;border:1px solid #CCCCCC;\\\'><b>Tính năng:</b> ';
									
									if(f_rate_num)
									main_html+= formatNumber(f_rank,1)+'/10 - '+f_rate_num+' lượt đánh giá';
									else
									main_html+= 'Chưa có đánh giá.';
									
									main_html+='</br><b>Kiểu dáng:</b> ';
									if(d_rate_num)
									main_html+= formatNumber(d_rank,1)+'/10 - '+d_rate_num+' lượt đánh giá';
									else
									main_html+= 'Chưa có đánh giá.';
									
									main_html+='</br><b>Tiện dụng:</b> ';
									if(u_rate_num)
									main_html+= formatNumber(u_rank,1)+'/10 - '+u_rate_num+' lượt đánh giá';
									else
									main_html+= 'Chưa có đánh giá.';
									
									main_html+= '</br></div>\'); " onmouseout="hidetip();" />';
									document.getElementById("main_rating").innerHTML=main_html;
									
									request = "cmd=rate&id={/literal}{$item_detail.id}{literal}&num_stars="+stars+"&type="+type;
								}		
							});//End ajax
                //SendQuery(request,'POST',"LoadRate()",1);
            {/literal}
			{/if}
			{literal}
        }
        
        /*function LoadRate(){
            //var html=req.responseText;
            //if(html!='')
            //alert(html);
                //document.getElementById("star_rank").innerHTML = html;				
        }*/
	{/literal}
</script>